<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>cm-admin</title>
    <link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="css/style.min.css" rel="stylesheet">
    <!--[if lt IE 9]>
      <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <nav class="navbar navbar-cmcm navbar-fixed-top">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="#">CM微店后台</a>
      </div>
      <div id="navbar" class="navbar-collapse collapse">
        <ul class="nav navbar-nav">
          <li><a href="{:U('Index/index')}">统计分析</a></li>
          <li><a href="{:U('Bills/index')}">下单</a></li>
          <li><a href="{:U('Orders/index')}">订单管理</a></li>
          <li class="active"><a href="{:U('Products/index')}">商品管理</a></li>
          <li><a href="{:U('Shops/index')}">店铺管理</a></li>
        </ul>
        <ul class="nav navbar-nav navbar-right">
          <li class="dropdown">
            
            <ul class="dropdown-menu">
              <li><a href="{:U('Users/index')}">用户信息</a></li>
              <li><a href="/web/index.php?c=wxapp&a=version&do=home">返回小程序</a></li>
            </ul>
          </li>
        </ul>
      </div>
    </nav>
    <div class="container-fluid">
      <div class="row">
        <div class="col-sm-3 col-md-2 sidebar hidden-xs">
          <div class="menu">
            <dl>
              <dt><i class="cm-product"></i>商品管理</dt>
              <dd class="active"><a href="{:U('Products/index')}">商品列表</a></dd>
              <dd><a href="{:U('Products/product_new')}">新建商品</a></dd>
            </dl>
          </div>
        </div>
        <div class="col-sm-3 col-md-2 sidebar sb2 hidden-xs">
          <div class="product-type">
            <div class="add-type">
              <a class="btn btn-primary" href="#" data-toggle="modal" data-target="#add-type">添加商品分类</a>
            </div>
            <ul class="types tabs-box">
              <li class="active" data-target="#type-all">全部商品<span>16</span></li>
              <li data-target="#type1">分类一<span>6</span><a href="#" data-toggle="modal" data-target="#edit-type">修改</a></li>
              <li data-target="#type2">分类二<span>3</span><a href="#" data-toggle="modal" data-target="#edit-type">修改</a></li>
            </ul>
          </div>
        </div>
        <div class="col-sm-6 col-sm-offset-6 col-md-8 col-md-offset-4 main">
          <div class="main-hd">
            <div class="add-goods">
              <a class="btn btn-primary" href="#" data-toggle="modal" data-target="#add-goods">添加商品</a>
            </div>
            <div class="searchbar">
              <div class="search-box">
                <input type="search" placeholder="输入商品名称"><a class="search-text-clear hidden" href="javascript:;"><i class="cm-close"></i></a>
              </div><input type="submit" value="搜索">
            </div>
          </div>
          <div class="main-bd">
            <div class="tabs-con">
              <div class="goods row tabs-item active" id="type-all">
                <a href="#" data-toggle="modal" data-target="#edit-goods" class="col-xs-6 col-sm-4 col-md-3">
                  <h5>海南妃子笑荔枝</h5>
                  <p>￥29.00</p>
                </a>
                <a href="#" data-toggle="modal" data-target="#edit-goods" class="col-xs-6 col-sm-4 col-md-3">
                  <h5>海南妃子</h5>
                  <p>￥29.00</p>
                </a>
                <a href="#" data-toggle="modal" data-target="#edit-goods" class="col-xs-6 col-sm-4 col-md-3">
                  <h5>海南妃子笑荔枝海南妃子笑荔枝</h5>
                  <p>￥29.00</p>
                </a>
                <a href="#" data-toggle="modal" data-target="#edit-goods" class="col-xs-6 col-sm-4 col-md-3">
                  <h5>海南妃子笑荔枝</h5>
                  <p>￥29.00</p>
                </a>
                <a href="#" data-toggle="modal" data-target="#edit-goods" class="col-xs-6 col-sm-4 col-md-3">
                  <h5>海南妃子笑荔枝</h5>
                  <p>￥29.00</p>
                </a>
                <a href="#" data-toggle="modal" data-target="#edit-goods" class="col-xs-6 col-sm-4 col-md-3">
                  <h5>海南妃子笑荔枝</h5>
                  <p>￥29.00</p>
                </a>
                <a href="#" data-toggle="modal" data-target="#edit-goods" class="col-xs-6 col-sm-4 col-md-3">
                  <h5>海南妃子笑荔枝</h5>
                  <p>￥29.00</p>
                </a>
              </div>
              <div class="goods row tabs-item" id="type1">
                <a href="#" data-toggle="modal" data-target="#edit-goods" class="col-xs-6 col-sm-4 col-md-3">
                  <h5>海南妃子笑荔枝</h5>
                  <p>￥29.00</p>
                </a>
                <a href="#" data-toggle="modal" data-target="#edit-goods" class="col-xs-6 col-sm-4 col-md-3">
                  <h5>海南妃子</h5>
                  <p>￥29.00</p>
                </a>
                <a href="#" data-toggle="modal" data-target="#edit-goods" class="col-xs-6 col-sm-4 col-md-3">
                  <h5>海南妃子笑荔枝海南妃子笑荔枝</h5>
                  <p>￥29.00</p>
                </a>
              </div>
              <div class="goods row tabs-item" id="type2">
                <a href="#" data-toggle="modal" data-target="#edit-goods" class="col-xs-6 col-sm-4 col-md-3">
                  <h5>海南妃子笑荔枝</h5>
                  <p>￥29.00</p>
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="modal fade" id="add-type">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title">添加商品分类</h4>
          </div>
          <div class="modal-body">
            <div class="form-box">
              <form class="form-horizontal">
                <div class="form-group">
                  <label class="col-sm-2 control-label">商品分类</label>
                  <div class="col-sm-8">
                    <input type="text" class="form-control">
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-2 control-label">排序</label>
                  <div class="col-sm-2">
                    <input type="text" class="form-control" value="99">
                  </div>
                </div>
              </form>
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-primary">保存</button>
          </div>
        </div>
      </div>
    </div>
    <div class="modal fade" id="edit-type">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title">修改商品分类</h4>
          </div>
          <div class="modal-body">
            <div class="form-box">
              <form class="form-horizontal">
                <div class="form-group">
                  <label class="col-sm-2 control-label">商品分类</label>
                  <div class="col-sm-8">
                    <input type="text" class="form-control" value="分类一">
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-2 control-label">排序</label>
                  <div class="col-sm-2">
                    <input type="text" class="form-control" value="99">
                  </div>
                </div>
              </form>
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-primary">保存</button>
          </div>
        </div>
      </div>
    </div>
    <div class="modal fade" id="add-goods">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title">添加商品</h4>
          </div>
          <div class="modal-body">
            <div class="form-box">
              <form class="form-horizontal">
                <div class="form-group">
                  <label class="col-sm-2 control-label">商品标题</label>
                  <div class="col-sm-8">
                    <input type="text" class="form-control">
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-2 control-label">商品名称</label>
                  <div class="col-sm-8">
                    <input type="text" class="form-control">
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-2 control-label">商品LOGO</label>
                  <div class="col-sm-8">
                    <div class="uploadimg">
                      <i class="cm-plus"></i>
                      <input type="file">
                    </div>
                    <div class="uploaded"></div>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-2 control-label">商品参考价</label>
                  <div class="col-sm-3">
                    <input type="text" class="form-control">
                    <p class="help-block">用于计算 例: 22.00</p>
                  </div>
                  <label class="col-sm-2 control-label">商品参考价区间</label>
                  <div class="col-sm-3">
                    <input type="text" class="form-control">
                    <p class="help-block">用于展示 例: 22.00 - 25.00</p>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-2 control-label">商品规格</label>
                  <div class="col-sm-3">
                    <input type="text" class="form-control">
                  </div>
                  <label class="col-sm-2 control-label">商品销量</label>
                  <div class="col-sm-3">
                    <input type="text" class="form-control">
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-2 control-label">自提点运费</label>
                  <div class="col-sm-3">
                    <input type="text" class="form-control" value="2">
                  </div>
                  <label class="col-sm-2 control-label">快递运费</label>
                  <div class="col-sm-3">
                    <input type="text" class="form-control" value="5">
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-2 control-label">商品库存</label>
                  <div class="col-sm-3">
                    <input type="text" class="form-control">
                  </div>
                  <label class="col-sm-2 control-label">商品排序</label>
                  <div class="col-sm-3">
                    <input type="text" class="form-control" value="99">
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-2 control-label">是否相关产品</label>
                  <div class="col-sm-8">
                    <label class="radio-inline"> <input type="radio" value="1" name="product_related"> 是 </label>
                    <label class="radio-inline"> <input type="radio" value="0" checked="checked" name="product_related" > 否 </label>
                    <p class="help-block">显示在产品详情底部/限时促销/热卖商品</p>
                  </div>
                </div>
              </form>
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-primary">保存</button>
          </div>
        </div>
      </div>
    </div>
    <div class="modal fade" id="edit-goods">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title">编辑商品</h4>
          </div>
          <div class="modal-body">
            <div class="form-box">
              <form class="form-horizontal">
                <div class="form-group">
                  <label class="col-sm-2 control-label">商品标题</label>
                  <div class="col-sm-8">
                    <input type="text" class="form-control">
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-2 control-label">商品名称</label>
                  <div class="col-sm-8">
                    <input type="text" class="form-control">
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-2 control-label">商品LOGO</label>
                  <div class="col-sm-8">
                    <div class="uploadimg">
                      <i class="cm-plus"></i>
                      <input type="file">
                    </div>
                    <div class="uploaded"></div>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-2 control-label">商品参考价</label>
                  <div class="col-sm-3">
                    <input type="text" class="form-control">
                    <p class="help-block">用于计算 例: 22.00</p>
                  </div>
                  <label class="col-sm-2 control-label">商品参考价区间</label>
                  <div class="col-sm-3">
                    <input type="text" class="form-control">
                    <p class="help-block">用于展示 例: 22.00 - 25.00</p>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-2 control-label">商品规格</label>
                  <div class="col-sm-3">
                    <input type="text" class="form-control">
                  </div>
                  <label class="col-sm-2 control-label">商品销量</label>
                  <div class="col-sm-3">
                    <input type="text" class="form-control">
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-2 control-label">自提点运费</label>
                  <div class="col-sm-3">
                    <input type="text" class="form-control" value="2">
                  </div>
                  <label class="col-sm-2 control-label">快递运费</label>
                  <div class="col-sm-3">
                    <input type="text" class="form-control" value="5">
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-2 control-label">商品库存</label>
                  <div class="col-sm-3">
                    <input type="text" class="form-control">
                  </div>
                  <label class="col-sm-2 control-label">商品排序</label>
                  <div class="col-sm-3">
                    <input type="text" class="form-control" value="99">
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-2 control-label">是否相关产品</label>
                  <div class="col-sm-8">
                    <label class="radio-inline"> <input type="radio" value="1" name="product_related"> 是 </label>
                    <label class="radio-inline"> <input type="radio" value="0" checked="checked" name="product_related" > 否 </label>
                    <p class="help-block">显示在产品详情底部/限时促销/热卖商品</p>
                  </div>
                </div>
              </form>
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-primary">保存</button>
          </div>
        </div>
      </div>
    </div>
    <script src="node_modules/jquery/dist/jquery.min.js"></script>
    <script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="js/common.js"></script>
  </body>
</html>